<!DOCTYPE html>
<html lang="fr" ng-app="arduinoApp">
  <head>
    <meta charset="utf-8">
    <title>Arduino</title>  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Projet EI5 - ISTIA">
    <meta name="author" content="Mathieu Deumié - Vincent Voisin">

    <!-- Mon style -->
    <link rel="stylesheet" type="text/css" href="css/app.css" />

    <!-- vendors style -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">

    <!-- Loading Flat UI 
    <link href="css/flatUIcss/flat-ui.css" rel="stylesheet">
    <link href="css/flatUIcss/demo.css" rel="stylesheet">-->

    <!-- favicon -->
    <link rel="shortcut icon" href="img/favicon.ico">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
          <![endif]-->

  </head>

  <body ng-controller="MainCtrl">

    <header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav " role="banner">
      <div class="container" ng-show="!isMobileMode">
        <a class="navbar-brand">{{titre}}</a>
        <div class="navbar-header">
          <button class="navbar-toggle" type="button" ng-click="boolAff = !boolAff">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <nav class="collapse navbar-collapse bs-navbar-collapse in" role="navigation"  ng-show="boolAff" ng-click="boolAff = false" >
          <ul class="nav navbar-nav">
            <li><a href="#menu">Menu</a></li>
            <li><a href="#config">Config</a></li>
            <li><a href="#blink">Blink</a></li>
            <li><a href="#pinwrite">Pin write</a></li>
            <li><a href="#pinread">Pin read</a></li>  
            <li><a href="#command">Command</a></li>
          </ul>
        </nav>
      </div>
      <div class="container center-block nav-justified" ng-show="isMobileMode">
        <a class="navbar-brand col-xs-3" href="#menu">Menu</a>
        <!--<nav class="col-xs-9 collapse navbar-collapse bs-navbar-collapse in">
          <ul class="nav navbar-nav">
            <li>-->
              <a class="navbar-brand col-xs-9">{{titre}}</a>
            <!--</li>
          </ul>
        </nav>-->
      </div>
    </header>

    <div class="container">    
      <div class="row">
        <div ng-view class="col-md-12"></div>
      </div>
      <hr>
    </div>
    <footer class="centre">
      <p>ISTIA - Projet EI5 Domotique - 2013</p>
    </footer>

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->

    <!-- JS Vendors -->
    <script type="text/javascript" src="vendors/angular.js/angular.min.js"></script>
    <script type="text/javascript" src="vendors/angular.js/angular-resource.min.js"></script>
    <script type="text/javascript" src="vendors/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="vendors/bootstrap.min.js"></script>  

    <!-- Scripts -->
    <script type="text/javascript" src="scripts/app.js" charset="utf-8"></script>  
    <script type="text/javascript" src="scripts/arduinoControllers.js" charset="utf-8"></script>
    <script type="text/javascript" src="scripts/arduinoDirectives.js" charset="utf-8"></script>
    <script type="text/javascript" src="scripts/arduinoServices.js" charset="utf-8"></script>  

  </body>
</html>